<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ include file="/manage/system/pageBase.jsp" %>
<%@ page info="权限列表" %>

<style>
    table {
        table-layout: fixed; /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
        width:100%;
    }

    td {
        word-break: keep-all; /* 不换行 */
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/
    }
    ul{
        list-style:none;
        list-style-type:none;
    }

    li{
        list-style:none;
        list-style-type:none;
    }

</style>
<form action="<%=path%>/manage/menu" method="post">
    <div class="filter">
        <button method="setResources" class="btn btn-primary" style="padding:0px 5px;margin-top: -4px;"
                onclick="return setResources(this)">
            <i class="icon-plus"></i>分配权限
        </button>
        <button method="delResources" class="btn btn-danger" style="padding:0px 5px;margin-top: -4px;"
                onclick="return delResources(this,'确定删除选择的角色权限?')">
            <i class="icon-trash"></i>删除权限
        </button>
    </div>
    <div style="height:auto!important;height:550px;min-height:550px;">
        <input type="checkbox"  id="tolCheckbox"/>
        <c:forEach var="item" items="${pager.list}">
            <ul>
                <li >${item.id}<input type="checkbox"  name="resourcesIds" id="Checkbox${item.id}" />&ensp;
                        ${item.name}</li>
                <c:forEach var="resources" items="${item.resourcesList}">
                    <ul >
                        <li>
                            <input type="checkbox" id="threeCheckbox"  name="resourcesId"
                                   value="${resources.id}"/>&ensp;${resources.resourcesname}</li>
                    </ul>
                </c:forEach>
            </ul>
        </c:forEach>
    </div>
</form>
<script type="text/javascript">
    $(function () {
        $("#tolCheckbox").on("click", function () {
            if ($(this).prop("checked")) {
            $("input[type=checkbox]").prop("checked", true);
            } else {
            $("input[type=checkbox]").prop("checked", false);
            }
        });
        $("#"+"Checkbox"+${item.id}).on("click", function () {
            alert("two")
            if ($(this).prop("checked")) {
                $("input[type=checkbox]").prop("checked", true);
            } else {
                $("input[type=checkbox]").prop("checked", false);
            }
        });
        $("#threeCheckbox").on("click", function () {
            alert("threeCheckbox")
        });
    });

    function setResources(obj) {
        if ($("input:checked").size() == 0) {
            alert("请先选择要操作的内容！");
            return false;
        }else {
            var _form = $("form");
            _form.attr("action", $(obj).attr("method"));
            _form.submit();
        }
    }
    function delResources(obj, tip) {
        if ($("input:checked").size() == 0) {
            alert("请先选择要操作的内容！");
            return false;
        }else {
            var _form = $("form");
            _form.attr("action", $(obj).attr("method"));
            _form.submit();
        }
    }
</script>
<%@ include file="/manage/system/baseFoot.jsp" %>